<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">	
		<title>典型客户_广州爱企舞互动</title>
		<meta name="keywords" content="html5网站案例互动设计网站案例-h5互动">
		<meta name="description" content="html5网站案例互动设计网站案例-h5互动">
		<!--css文件-->
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/header.css" />
		<link rel="stylesheet" href="css/container2.css" />
		<link rel="stylesheet" href="css/medias.css" />
		<!--js文件-->
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
		<script type="text/javascript" src="js/header.js"></script>
		<script type="text/javascript" src="js/jQuery.easing.min.js"></script>
		<script type="text/javascript" src="js/container2.js"></script>
		<!--表单验证文件-->
 		<script src="dist/jquery.validator.js" type="text/javascript"></script>
 		<link rel="stylesheet" href="dist/jquery.validator.css">
		<script type="text/javascript" src="dist/validator/local/zh_CN.js"></script>


	</head>
	
	<body>
		
		
		<!--菜单下拉-->
		
		<div class="p_menu" style="height: 230px;">
			    <ul>
				   <li><a href="../网站建设/index_典型客服.html"">典型客户</a></li>
				   <li class="current"><a href="../网站建设/index_网站建设.html">网站建设</a></li>
				   <li><a href="../微端应用/index_微端应用.html"">微端应用</a></li>
				</ul>
				<div class="p_link_list">
					<dl>
						<dd><a href="javascript:;"><img src="images/qq_icon.png" style="width:40px;height:auto"></a></dd>
						<dd><a href="javascript:;"><img src="images/phone_icon.png" style="width:40px;height:auto"></a></dd>
						<dd><a href="javascript:;"><img src="images/tel_icon.png" style="width:40px;height:auto"></a></dd>
					</dl>
			    </div>
			 </div>
		
		
		
		<!--菜单结束-->
				
		
		<!--头部开始-->
		<div class="header">
			
			<div class="DIV">
				<!--左边盒子开始-->
				<div class="left_menu">
					<div class="logos"><a href="../h5网站.html"><img src="images/logo.png"></a></div>
					<div class="menus">
	                     <ul>
	                         <li>
	                             <div class="orig" style="top: 0px;"><a href="index_典型客服.html">典型客户</a></div>
	                             <div class="now" style="top: 0px;"><a href="index_典型客服.html">典型客户</a></div>
	                         </li>
	                         <li class="current">
	                             <div class="orig" style="top: 0px;"><a href="index_网站建设.html">网站建设</a></div>
	                             <div class="now" style="top: -75px;"><a href="index_网站建设.html">网站建设</a></div>
	                         </li>
	                         <li>
	                             <div class="orig" style="top: 0px;"><a href="../微端应用/index_微端应用.html">微端应用</a></div>
	                             <div class="now" style="top: 0px;"><a href="../微端应用/index_微端应用.html">微端应用</a></div>
	                         </li>
	                     </ul>
                	</div>
				</div>
				<!--左边盒子结束-->
				
				
				<!--右边按钮开始-->
				<ul class="fr">
	                <li>
	                    <a class="caidan">
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
							<span class="icon-bar"></span>
	                    </a>
	                </li>
            	</ul>
			<!--右边按钮结束-->	
				
				
				
				
				<!--右边盒子开始-->
				
				<div class="search_box">
	                 <div class="search_inner">
	                     
	                         <input type="text" class="search_txt" placeholder="输入关键词搜索" style="opacity:1;">
	                         <input type="submit" class="search_btn" value="">
	                     
	                 </div>
            	</div>
            	
				<!--右边盒子结束-->
				
			</div>
			
			
		</div>
		
		<!--头部结束-->
		
		
		<!--咨询留言框开始-->
				
		<div id="zx_box">
			<!--右边咨询框-->
			<div id="zx_box2">
				<a href="javascript:;" target="_self" id="zx_logo"></a>
			</div>
			
			<!--左下角留言框-->
			<div id="message_box">
				<div id="message_box2">
					<div id="mes1">
						<div class="title_box"></div>
						<a href="javascript:;" class="btns_box"></a>
						
					</div>
					
						<div id="mes2" >
							<form  id="demo12" action="http://www.baidu.com" name="register" autocomplete="off" >
								<textarea name="texts"  placeholder="请在此输入留言内容，我们会尽快与您联系。"></textarea>
								<div class="name1"  data-validator-option="{theme:'yellow_right_effect',stopOnError:true}">
									<button>姓名</button><input name="username" class="" placeholder="最多10个字符"data-rule="用户名:required;username；" />
								</div>
									
								<div class="name1">
									<button>电话</button><input name="tel" class="" placeholder="请输入你的电话号码" data-rule="required;tel;"data-tip="">
								</div>
								
								<div class="name1">
									<button>邮箱</button><input name="email" class="" placeholder="请输入合法邮箱"data-rule="required;email;"  data-tip="">
								</div>
								
								<div class="name1">
									<button>地址</button><input name="" class="" placeholder="请输入有效地址" data-rule="required;zipcode；"  data-tip="" >
								</div>

							</form>	
						</div>
						
					<div id="mes3">
						<a href="javascript:;"><div class="send">发送</div></a>
						<div class="baidu"></div>
						
					</div>
					
					<script type="text/javascript">
						$(function(){
							$(".send").click(function(){
								if($(".nums")!==""){
									alert("恭喜您留言成功！");
									
								}
							
							});
								
							
						});		
				</script>
					
					
				</div>
			</div>
			
		</div>
		
		
		<!--咨询留言框开始-->	

		
	    <!--内容开始-->
	    
	    <div id="container2" >
	    	
	    	<!--背景墙开始-->
	    	<div class="img_boxs">
		    	<ul id="uls">
		    		<li class="lis">
		                <img src="images/client.jpg" class="li_img" >
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
	
	           		 </li>
	           		 
		    		<li class="lis">
		                <img src="images/client.jpg" class="li_img">
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
	
	           		 </li>
		    		<li class="lis">
		                <img src="images/client.jpg" class="li_img">
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
	
	           		 </li>
	           		 <li class="lis">
		                <img src="images/client.jpg" class="li_img" >
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
	
	           		 </li>
	           		 <li class="lis">
		                <img src="images/client.jpg" class="li_img" >
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
	
	           		 </li>
	           		 <li class="lis">
		                <img src="images/client.jpg" class="li_img" >
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
	
	           		 </li>
	           		 <li class="lis">
		                <img src="images/client.jpg" class="li_img" >
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
	
	           		 </li>
	           		 <li class="lis">
		                <img src="images/client.jpg" class="li_img" >
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
	
	           		 </li>
	           		 <li class="lis">
		                <img src="images/client.jpg" class="li_img" >
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
	
	           		 </li>
	           		 <li class="lis">
		                <img src="images/client.jpg" class="li_img" >
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
	
	           		 </li>
	           		 <li class="lis">
		                <img src="images/client.jpg" class="li_img" >
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
	
	           		 </li>
					
					 <li class="lis">
		                <img src="images/client.jpg" class="li_img" >
		                <img src="images/client.jpg">
		                <img src="images/client.jpg">
						<img src="images/client.jpg">
						<img src="images/client.jpg">
						
	
	           		 </li>
	 
		    	</ul>
	    	
	    </div>
	    <!--背景墙结束-->
	    
	    <!--中间放大图片-->
	    <div class="lump">
	    		<img src="images/lump.png" class="img-responsive">
	    		
	    </div>	
	    
	    	
	 </div>
	    
	    <!--内容结束-->
	
	
		
		
	</body>

		
		




	
</html>
